/*通用代码*/

*{ margin:0px; padding:0px;}
body{ position: relative; font: 14px/1.5 Microsoft YaHei, arial, 微软雅黑, sans-serif; vertical-align: baseline; width: 100%; overflow-x: hidden;}
img{margin: 0px; padding: 0px;border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
dl,dt,dd,ol,ul,li,from,input,select,span,p,div{margin: 0px; padding: 0px; list-style: none;}
.clear{clear:both;}
a{color: #333; text-decoration: none; font-size:14px;}
a:hover{color: #113695;cursor:pointer;}
em ,i{ font-style:normal;}
input,button,select,textarea{outline:none}
.w1300{ width:1300px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}

.title{ text-align:center;  font-size:18px; color:#999999; position:relative; z-index:1;}
.title span{ color:#333; font-size:40px; position:relative; display:inline-block; margin-bottom:15px; line-height:40px; font-weight:bold;}
.title span:after{ content:''; display:block; position:absolute; width:100%; height:6px; background:#ffa966; left:0; bottom:-4px; animation:widthchange 3s linear infinite; z-index:-1;}
.title em{ color:#ff761a;}
@keyframes widthchange{
	0%{width:100%;}
	50%{width:30%;}
	100%{width:100%;}
	}




/*抬头*/
.htop{ line-height:39px; border-bottom:1px solid #eeeeee; background:#f8f8f8;}
.htop,.htop a{ font-size:13px; color:#bbbbbb;} 
.jtops  a{ display:inline-block; padding-left:0px !important;}
.htop span{ padding:0 20px; border-right:1px dotted #d2d2d2;}
.htop span:nth-child(1){border-left:1px dotted #d2d2d2;}
.htop a{ display:inline-block; padding-left:28px;}
.htop span:nth-child(1) a{ background:url(../images/20201103141328_617879103.png) no-repeat left center;}
.htop span:nth-child(2) a{ background:url(../images/20201103141328_1979114282.png) no-repeat left center;}
.htop span:nth-child(3) a{ background:url(../images/20201103141328_1033181870.png) no-repeat left center;}

.hsecond{ height:140px;}
.hlogo{ margin-top:23px;}
.hlogo h1{ display:inline-block; vertical-align:top; font-size:18px; color:#666666; font-weight:lighter;}
.htitl b{display: block;font-size: 40px;color: #343434; }
.hmean b{display: block;font-size: 25px;color: #343434;margin:8px 0 10px 0; font-weight:bold;}
.hmean i{font-size: 25px;color: #ff761a;}
.hmean img{margin-right: 10px;}
.htitl em{display: block;text-transform: uppercase;color: #cccccc;font-size: 14px;}
.hline{width: 1px;height: 57px; background: #f5f5f5;background: linear-gradient(to bottom,#f5f5f5,#d2d2d2,#f5f5f5);margin-top: 10px;}
.hlogo h1+h1{ margin-left:20px;}
.hul { font-size:0; margin:40px 45px 0 0;}
.hul li{ display:inline-block; vertical-align:top; height:19px; padding-top:43px; text-align:center; font-size:14px; color:#b8b8b8; font-weight:lighter; width:100px; border-right:1px dotted #e8e8e8;}
.hul li:nth-child(1){border-left:1px dotted #e8e8e8;}
.hul li:nth-child(1){ background:url(../images/20201102182931_1617464720.png) no-repeat center 4px;}
.hul li:nth-child(2){ background:url(../images/20201102183037_788257751.png) no-repeat center 4px;}
.hul li:nth-child(3){ background:url(../images/20201102183251_2024093645.png) no-repeat center 4px;}
.hphone { text-align:right; font-size:14px; color:#999999; font-weight:lighter; line-height:28px; margin-top:33px;}
.hphone em{ font-size:25px; color:#333; font-family:impact; display: block; line-height: 34px;} 
.hphone span{ display:inline-block; padding-left:25px; background:url(../images/20201102183902_666203265.png) no-repeat left center;}


.nav{ background:#004ea2; margin-bottom:1px; font-size:0;text-align:center;}
.nav li{ display:inline-block; vertical-align:top; width:11.1%; position:relative;}
.nav li>a{ display:block; font-size:16px; color:#fff; line-height:70px; position:relative; z-index:3; transition:all .3s ease;z-index: 3;}
.nav li.cur:after,.nav li:hover:after{ height: 100%;}
.nav li:after{display: block;position: absolute;content: '';top: 0;left: 0;height: 0;width: 100%;background:#ff761a;transition:all .3s ease;}



/*幻灯片*/
.banner{overflow:hidden; width:100%; position:relative; z-index:1;}
.banner-box{ min-width:1300px; height:730px; position:relative; margin:0 auto; }
.banner-box .bd, .banner-box .bd ul{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:730px; background-position: center; background-repeat: no-repeat; background-color: #000}
.banner-box .bd li a{ display:block; background-size:auto;     width: 100%;
    height: 80%;
    position: relative;
    z-index: 9;}
.banner-btn{ width: 100%; position: absolute; top:270px; left: 0; margin-left: 0; height: 420px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:30px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out; z-index: 9;}
.banner-btn a.prev{ left:-50px; background:url(../images/20200827091642_665270759.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../images/20200827091642_665270759.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:0px; width: 100%; display: block; }
.banner-box .hd ul{ text-align: center}
.banner-box .hd ul li{ width:10px; height:10px; border-radius :50%; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; opacity:0.8;}
.banner-box .hd ul li.on{ background: #333;border-radius: 8px; width:70px;}
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }


/*搜索*/
.search{ border-bottom:1px solid #cccccc;}
.keywords{ line-height:78px; padding-left:40px; background:url(../images/20201102185031_902000108.png) no-repeat left center;}
.keywords,.keywords a{ font-size:13px; color:#999999;} 
.search_bg input{ display:inline-block; vertical-align:top;}
#infoname{ height:78px; padding-left:50px; border:none; border-left:1px solid #cccccc; background:url(../images/20201102185031_2018037471.png) no-repeat left center; font-size:13px; font-weight:lighter; width:190px; font-family:"Microsoft YaHei"; font-family:'微软雅黑'; box-sizing:content-box;}
#soo{ background:#333;}

/*产品中心*/
.prod_bg{ background:url(../images/20200827103041_679083950.png) repeat; padding: 60px 0;}
.prod_more{width: 300px;height:60px;line-height: 60px;border: 1px solid #333;color: #333 !important;display: block;text-align: center;margin: 70px auto;font-size: 18px !important;letter-spacing: 4px;transition: 0.3s all ease-in-out;}
.prod_more:hover{background:#333;color:#fff !important;border:1px solid #333;width:400px;}
.divproduct_new_div_item{width:406px;height:470px;float:left;position: relative;margin-left:40px;margin-top:40px;overflow: hidden;}
.divproduct_new_div_item:nth-child(3n+1){margin-left:0px;}
.divproduct_new_div_item .product_div_item_pic{width:406px;height:326px;float: left;    position: relative;}
.divproduct_new_div_item .product_div_item_pic img{width:100%;height:100%;}
.divproduct_new_div_item_content{position: absolute;bottom:0px;height: 142px;width: 406px;background:#fff;z-index: 99;}
.divproduct_new_div_item_title a{font-size:18px;color:#333;display: block;width: 400px;height: 112px;position: absolute;}
.divproduct_new_div_item_body{font-size:14px;color:#999;}
.divproduct_new_div_item_title,.divproduct_new_div_item_body{padding: 30px 40px 0;}
.divproduct_new_div_item_body:after{content:'';width:30px;height:8px;background:url(../images/20201103093011_1912366898.png)no-repeat right;display: block;margin-top: 20px;transition: 0.3s all ease;}
.divproduct_new_div_item:hover .divproduct_new_div_item_body:after{background-position: left;}
.product_div_item_pic a{position: absolute;width:100%;height:100%;display:block;top:0px;left:0;}
.divproduct_new_div_item .product_div_item_pic a:after {content: "+";font-size: 60px;display: block;color: #fff;width: 150px;height: 150px;line-height: 150px;border-radius: 100%;transition: 0.2s all ease-in-out;margin:95px auto;box-shadow: 0 0 0 40px rgba(51,51,51,0.2);background: rgba(51,51,51,0.6);opacity: 0;text-align: center;position: relative;top: -100%;}
.divproduct_new_div_item:hover .product_div_item_pic a:after{opacity: 1;transform: scale(0.4);}

.protab{ margin:45px 0 14px 0;}
.protab table,.protab tbody,.protab td{ display:block; width:100%; font-size:0;}
.protab tr{ display:inline-block; margin:0 28px 6px 0;}
.protab tr:nth-child(5n){ margin-right:0;}
.protab a{ display:inline-block; line-height:62px; text-align:center; background:#eee; font-size:16px; color:#333333; transition:all .3s ease; width:237px;}
.protab tr.on a,.protab a:hover{ background:#004ea2; color:#fff;}


/*进升拥有专业的拉链机械技术人员*/
.trait{ padding:70px 0 80px 0;}
.traul{ margin-top:45px; font-size:0;}
.traul li{ display:inline-block; vertical-align:top; width:301px; height:370px; background:#fff; border-radius:10px; overflow:hidden; box-shadow:0 0 20px #eee;}
.traul li+li{ margin-left:30px;}
.trapic{ border-bottom:2px solid #ff761a; overflow:hidden; border-radius:10px 10px 0 0;}
.trapic img{ transition:all .3s ease;}
.traul li:hover .trapic img{ transform:scale(1.1);}
.trawa{ padding:30px 25px; font-size:15px; color:#888; font-weight:lighter; line-height:30px;}
.trawa b{ display:block; font-size:26px; color:#3b4c47; font-weight:bold; margin-bottom:15px; transition:all .3s ease;}
.traul li:hover .trawa b{ color:#ff761a;}
.traul li:hover{ box-shadow:0 0 20px #ccc;}
.traul li:hover .tracon a{ animation:1s move linear;}
@keyframes move{
	0%{ transform:translateX(0px);}
	25%{ transform:translateX(10px);}
	50%{ transform:translateX(0px);}
	75%{ transform:translateX(10px);}
	100%{ transform:translateX(0);}
	}
	

/*进升拥有专业的拉链机械技术人员*/
.adver{ height:155px; background:url(../images/20201103104336_1549789437.jpg) no-repeat center; padding-top:66px;}
.adver_t{ font-size:19px; color:#f9f9f9;}
.adver_t strong{ display:block; font-size:36px; color:#fff; margin-bottom:8px;}
.adver_concat p{ box-sizing:border-box; width:295px; line-height:46px; border-radius:25px; font-size:14px; color:#fff; text-align:center; height:46px; background:#ff761a;}
.adver_concat p+p{ margin-top:13px; background:none; border:1px solid #ffffff; color:#fff; font-size:15px;}
.adver_concat p span{ font-size:20px;}
.adver_concat p em{ vertical-align:sub; padding-left:15px;}
.adver_concat p:hover{ box-shadow:0 0 5px #fff;}
.adver_code img{ width:117px; height:117px;}
.adver_code{ margin-left:40px;}

/*满足您各类拉链需求*/
.case{ padding:60px 0;background:url(../images/20200827103041_679083950.png) repeat;}
.case .title span{ background:url(../images/20200827140933_1472926938.png) no-repeat center;}
.case>.w1300{ margin-top:35px;}
.caseleft{ width:640px; height:540px; position:relative;}
.casejt{ font-size:0; position:absolute; bottom:48px; right:28px; z-index:9;}
.casejt i{ display:inline-block; cursor:pointer;}
.casejt i+i{ margin-left:7px;}
.casecon .casepic img{ width:100%; height:auto;}
.casecon ul{ position:relative;}
.casewa{ position:absolute; width:100%; bottom:0; width:100%; height:100px; background:rgba(25,25,25,0.8); left:0; font-size:13px; color:#999; font-weight:lighter;}
.casewa p{ margin:25px 0 0 96px;}
.casewa p strong{ font-size:20px; color:#fff; display:block; margin-bottom:7px;}
.casewa span{ position:absolute; width:56px; height:56px; border-radius:50%; background:#fff url(../images/20201103103903_223356913.png) no-repeat center; top:21px; left:21px;}
.casetop{ position:relative;}
.caseright{ background:#fff; height:540px;}
.casetop img{ width:640px; height:265px;}
.casetopwa{ position:absolute; width:220px; height:100%; background:rgba(25,25,25,0.8); text-align:center; font-size:13px; color:#999; font-weight:lighter; top:0; right:0;}
.casetopwa strong{ display:block; font-size:18px; color:#fff; font-weight:bold; margin:20px 0 10px 0;}
.casetopwa p{ padding:60px 20px; line-height:25px;}
.casetopwa p span{ display:inline-block; width:56px; height:56px; border-radius:50%; background:#fff url(../images/20201103103903_223356913.png) no-repeat center; }
.casebottom p{ position:relative; margin:35px 0; height:56px; padding-left:66px;font-size:13px; color:#999999; font-weight:lighter;}
.casebottom p:after{ content:''; display:block; position:absolute; width:56px; height:56px; border-radius:50%; background:#333 url(../images/20201103103952_1095228143.png) no-repeat center; top:0; left:0;}
.casebottom p strong{ display:block; padding:5px 0; font-size:20px; color:#333;}
.casebottom{ margin-left:24px; }
.casebottom ul{ font-size:0;}
.casebottom ul li{ display:inline-block; border:1px solid #eeeeee; width:140px; height:110px; overflow:hidden;}
.casebottom ul li+li{ margin-left:8px;}
.casebottom ul li img{ transition:all .6s ease; width:100%; height:100%;}
.casebottom ul li:hover img{ transform:scale(1.1);}


/*为什么选择科技*/
.adv{ height:1080px; background:url(../images/20201103094422_1881776473.jpg) no-repeat bottom; padding-top:56px;}
.advtitle{ text-align:center; font-size:20px; color:#999999; font-weight:lighter;}
.advtitle strong{ display:block; font-size:40px; color:#333; margin-bottom:10px;}
.advtitle strong span{ color:#ff761a;}
.advtitle em{ display:block; line-height:42px; background:url(../images/20200827145824_1377902225.png) no-repeat center;}
.advan_bg{ width:1300px; padding-top:40px; margin:0 auto;}
.advan_main{ margin-top:1px;}
.advan1{ width:630px; float:left; margin:0px 40px 10px 0px; background:#fff;}
.advan1:nth-child(2){ margin-right:0px;}
.advan1:nth-child(4){ margin-right:0px;}
.advan1 span{ width:630px; height:230px; display:block; overflow:hidden; position:relative;}
.advan1 em{ width:85px; display:block; line-height:49px; text-align:center; background:#333; font-size:30px; font-weight:bold; color:#fff; font-family:Arial; position:absolute; bottom:20px; left:20px;}
.advan1 span img{ width:630px; height:230px; -webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.advan1:hover span img{ -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.advan1 dl{ margin-top:38px; margin-bottom: 38px; height: 98px;}
.advan1 dt{ width:121px; height:78px; padding:10px 0; float:left; text-align:center; border-right:1px solid #e0e0e0; color:#333; font-size:24px; font-weight:bold;}
.advan1 dt img{ margin-bottom:8px;}
.advan1 dd{ float:left; margin-left:31px; width:477px;}
.advan1 dd i{ font-size:20px; font-weight:bold; color:#333; display:block; margin-bottom:15px;}
.advan1 dd p{ padding-left:19px; line-height:28px; background:url(../images/20201103102653_513370834.jpg) top left no-repeat; background-position-y:7px; margin-bottom:6px; color: #999;}



/*流程*/
.process{ padding:20px 0 80px 0; background:url(../images/20201102150535_656613981.jpg) no-repeat bottom center;}
.pcul{ font-size:0; margin-top:35px; text-align:center; }
.pcul li{ position:relative; display:inline-block; vertical-align:top; width:216px; height:264px;transition:all .3s ease; font-size:16px; color:#aaadb0; box-sizing:border-box; padding-top:27px;}
.pcicon{ width:102px; height:102px; margin:0 auto; overflow:hidden; border-radius:50%; border:1px solid #bbb; transition:all .3s ease;}
.pcicon img{ width:100%; height:100%;}
.pcul li span{ font-size:20px; color:#525457; display:block; margin:25px 0 15px 0; transition:all .3s ease;}
.pcul li:hover{color:#999; box-shadow: 0 0 15px #bbb; background:#fff;}
.pcul li:hover span{ color:#ff761a;}
.pcul li:hover .pcicon{ background:#fff; border-color:#bbb;}


/*关于我们*/
.about{ background:#fff url(../images/20201103173830_561133645.jpg) no-repeat top center; padding-top:94px;}
.aboutpic{ float:right; width:660px; height:493px; border:3px solid #fff;}
.aboutpic img{ width:100%; height:100%;}
.abwa{ width:580px; float:left;   }
.abwa strong{ font-size:30px; color:#fff; display:block; padding-top: 25px; font-weight: lighter; padding-left:130px;}
.abwa p:nth-child(2){ width:580px; height:1px; background:#555; margin:30px 0px 34px 0px;}
.abwa p:nth-child(3){ font-size:15px; line-height:35px; color:#f2f2f2;}
.abwa p:nth-last-child(1){ text-align:center; margin-top:68px;}
.abwa p a{ display:inline-block; width:150px; height:56px; border-radius:15px; background:#f4f4f4; line-height:56px; font-size:16px; color:#333333; transition:all .4s ease;}
.abwa p a+a{ margin-left:34px;}
.abwa p a:hover{ border-radius:0px; background:#ff761a; color:#fff;}
.abqyxx{ margin-top:45px;}
.abqyxx td{ display:inline-block; margin-right:16px; padding-left:0px !important;}
.abqyxx td br{ display:none;}
.abqyxx td>a{ display:block; border:1px solid #dcdcdc;}
.abqyxx td div{ padding-top:0px !important;}
.abqyxx td div a{ display:block; line-height:55px; text-align:center; font-size:16px; color:#343838; background: #f0f2f1; transition: all .6s ease;}
.abqyxx td:hover a{ color:#fff; border-color:#ff761a;  background: #ff761a;}




/*进升 -新闻中心*/
.news{background:#fff; padding:50px 0;}
.newstab{ font-size:0; margin:42px 0; text-align:center;}
.newstab a{ display:inline-block; width:160px; line-height:52px; border-radius:6px; background:#f2f2f2; text-align:center; font-size:18px; color:#222; transition:all .3s ease;}
.newstab a.on{ background:#333; color:#fff;}
.newstab a+a{ margin-left:36px;}
.newscon .news_div_item{ float:left; width:412px; position:relative; background: #fff;}
.newscon .news_div_item+.news_div_item{ margin-left:30px;}
.newscon .news_div_item_pic img{ width:100%; height:auto; transition:all .6s ease;}
.newscon .news_div_item_pic{ overflow:hidden; margin-bottom:263px;}
.newscon .news_div_item_date{ position:absolute; width:102px; height:102px; box-sizing:border-box; background:#333; padding:20px; font-size:0; text-align:center; border-radius:0 8px 0 8px; left:3px; bottom:266px; z-index:9;}
.newscon .news_div_item_date>div{ display:inline-block; font-size:18px; color:#fff;}
.newscon .news_div_item_date>div.news_div_item_year{ font-size:30px;} 
.newscon .news_div_item_content{ position:absolute; width:100%; box-sizing:border-box; left:0; bottom:0; border:1px solid #eeeeee; height:263px; padding:40px 30px 0 30px;}
.newscon .news_div_item_a{ font-size:18px; color:#333333; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;transition:all .3s ease;}
.newscon .news_div_item_body{ font-size:14px; color:#999999; line-height:32px; padding:25px 0 35px 0; border-bottom:1px solid #eeeeee;height: 64px;}
.newsbtn{ margin-top:27px;}
.newsbtn .newicon{ float:left; display:inline-block; width:28px; height:20px; background:url(../images/20201102143607_427018312.png) no-repeat center;}
.newsbtn .newmore{ float:right; font-size:14px; color:#888888; padding:0 5px 10px 5px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; border-bottom:2px solid #cdcdcd; transition:all .3s ease;}
.newscon .news_div_item:hover .newmore,.newscon .news_div_item:hover .news_div_item_a{ color:#333; border-color:#333;}
.newscon .news_div_item:hover .news_div_item_pic img{ transform:scale(1.1);}

/*版权*/
.copyright{ background:#171614;}
.links{ line-height:114px; border-bottom:1px dashed #2f343a; font-size:16px; color:#fff;}
.links p.fl{ padding-left:35px; background:url(../images/20201102143649_693930222.png) no-repeat left center; font-weight:bold;}
.links p.fl span{ font-size:18px; vertical-align:bottom; padding:0 20px 0 5px;}
.end{ border-top:1px solid #161c22; line-height:115px;}
.end,.end a{ font-size:15px; color:#7c7b79;}
.end a:hover{ color:#fff;}
.crcon{ padding:50px 0; border-bottom:1px solid #262524;}
.kslj{ font-size:0;}
.kslj li{ display:inline-block; vertical-align:top; padding:0 75px; position:relative;}
.kslj li:after,.kslj li:nth-child(1):before{ content:''; display:block; position:absolute; width:3px; height:175px; right:0; top:0; background:url(../images/20201102143713_1616462428.png) no-repeat center;}
.kslj li p{ font-size:20px; color:#fff; margin-bottom:20px;}
.kslj li:nth-child(1):before{ right:auto; left:0;} 
.kslj li a{ display:block; font-size:14px; color:#7c7b79; line-height:30px;}
.kslj li a:hover{ color:#fff;}
.codecon dl p{ font-size:18px; color:#fff; margin-bottom:20px; text-align:center;}
.codecon dl img{ display:block; padding:4px; border:1px solid #2f363c; width:140px; height:140px;}
.codecon dl { width:150px !important;}
.codetab{ margin:47px 0 0 47px;}
.codetab p{ border-radius:50%; cursor:pointer; background:#52514f;}
.codetab p+p{ margin-top:14px;}
.codetab p.on{ background:#ff7000;}